<html>
  <body>
    some text...

    <table>
      <thead>
        <colgroup>
          <col span="2" style="background-color:red">
          <col style="background-color:yellow">
        </colgroup>
      </thead>
      <tbody>
        <tr>
          <th>header 1</th>
          <th>header 2</th>
          <th>header 3</th>
        </tr>
        <tr>
          <td>data 1-1</td>
          <td>data 2-1</td>
          <td>data 3-1</td>
        </tr>
        <tr>
          <td>data 1-2</td>
          <td>data 2-2</td>
          <td>data 3-2</td>
        </tr>
      </tbody>
      <tfoot>
        <tr>
          <td>footer 1</td>
          <td>footer 2</td>
          <td>footer 3</td>
        </tr>
      </tfoot>
    </table>

    <table>
      <tr>
        <th><i>header oblique</i></th>
        <th><strong>header bold</strong></th>
        <th><code>header code</code></th>
      </tr>
      <tr>
        <td><i>data oblique</i></td>
        <td><strong>data bold</strong></td>
        <td><code>data code</code></td>
      </tr>
    </table>

    some text...
  </body>
</html>
